<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"/>
<title>添加页面 - 基本信息</title>
<link rel="stylesheet" href="__PUBLIC__/Admin/css/main.css"/>
</head>
<body>
<div class="view-content" style="padding: 0">
	<div class="view-con">
		<div class="AddProducts">
			<ul class="APList">
				<li class="active <if condition="$color_display['one'] eq 1">Act ActMain</if>">
					<span>基本信息</span>
					<div class="APListPre">
						<i>1</i>
					</div>
				</li>
				<li class="jump <if condition="$color_display['two'] eq 1">Act ActMain</if>" alt="2" about="1">
					<span>商品套餐</span>
					<div class="APListPre">
						<i>2</i>
					</div>
				</li>
				<li class="last jump" alt="3" about="1">
					<span <if condition="$color_display['three'] eq 1">style="color:#0095d4"</if>>商品详情页</span>
					<div class="APListPre" <if condition="$color_display['three'] eq 1">style="background-color: #0095d4;border: 2px solid #0095d4 !important;color: #fff !important;"</if>>
						<i>3</i>
					</div>
				</li>
			</ul>
		</div>
		<div class="APMain">
			<div class="APForm">
				<form id="APForms" action="{:U('Admin/AddPage/postsinglepage')}" enctype="multipart/form-data" method="post">
					<input type="hidden" value="{$id}" name="id"/>
					<input type="hidden" value="{$info['goods_id']}" name="goods_id"/>
					<input type="hidden" value="{$typeid}" name="typeid"/>

					<div class="APLabel">
						<span class="span1"><i class="rod">*</i>商品名称</span>
						<div class="ContextZT">
							<div class="APName" value ="{$info['goods_id']}"><if condition="!empty($info['goods_name'])">{$info['goods_name']}<else />请选择商品名称</if></div>
							<div class="NameIdList">
								<ul>
									<foreach name="goods_list" item="vo" >
										<li value="{$vo['id']}" <if condition="$info['goods_id'] eq $vo['id']">class="active"</if>>{$vo['goods_name']}</li>
									</foreach>
								</ul>
							</div>
						</div>
						<div class="APAppend">
							<i>+</i>
							<em>添加商品</em>
						</div>
						<div class="APWarning">请选择或添加一个商品名称，建议售卖同种商品的页面选择同一个商品名称
						</div>
						<div class="RexExps">请填写商品名称</div>
					</div>

					<div class="APLabelTo">
						<span class="span1"><i class="rod">*</i>页面名称</span>
						<label>
							<input type="text" name="page_name" class="shopping" value="{$info['page_name']}" maxlength="25"/>
						</label>
						<div class="APWarning">在投放端选择推广详情页时拉取此名称进行投放</div>
						<div class="RexExps">请输入页面名称</div>
					</div>
					<div class="APLabelTo">
						<span class="span1"><i class="rod">*</i>页面标题</span>
						<label>
							<input type="text" name="page_title" class="APTitle" value="{$info['page_title']}" maxlength="25"/>
						</label>
						<div class="APWarning">页面标题会在打开的窗口页签上显示</div>
						<div class="RexExps">请输入页面标题</div>
					</div>
					<div class="APLabelTo">
						<span class="span1"><i class="rod">*</i>售后电话</span>
						<label>
							<input type="text" name="as_phone" class="APTitle" value="{$info['as_phone']}"/>
						</label>
						<div class="APWarning">售后电话会在详情页中展示</div>
						<div class="RexExps">请输入售后电话</div>
					</div>
					<div class="APLabelTo">
						<span class="span1"><i class="rod">*</i>页面主图</span>
						<div class="APFile">
							<input type="hidden" name="page_img" id="FilValue" value="{$info['page_img']}">
							<div class="filValue APLabelToS2">
								<if condition="!empty($info['page_img'])">
									<div id="page_img">
										<div class="FileImg" style="display:block;"><img src="{$info['page_img']}" alt=""/></div> <!--  用来盛放图片  -->
										<div class="FileMedMain">
											<button type="button" class="FileMedCon" onclick="replaceimg()">更换图片</button>
										</div>
									</div>
									<else />
									<div id="page_img"></div>
								</if>
							</div>
						</div>
						<div class="APWarning">聚合页创建时将拉取此图进行展示，建议图片大小不超过200K。聚合页中每排小图建议采用同样的大小、比例、尺寸。
							<div class="toolTip-icon"></div>
							<div class="main-pic-doc">
								<div class="main-content">聚合页中的页面主图平铺样式包括以下3种：</div>
								<ul class="main-style">
									<li>
										<p>单列样式</p>
										<img src="__PUBLIC__/Admin/images/multi-style-1.png">
										<div>推荐每张图片尺寸：</div>
										<div class="recordSize">1044*556px</div>
									</li>
									<li>
										<p>双列样式</p>
										<img src="__PUBLIC__/Admin/images/multi-style-2.png">
										<div>推荐每张图片尺寸：</div>
										<div class="recordSize">512*556px</div>
									</li>
									<li>
										<p>三列样式</p>
										<img src="__PUBLIC__/Admin/images/multi-style-3.png">
										<div>推荐每张图片尺寸：</div>
										<div class="recordSize">334*360px</div>
									</li>
								</ul>
							</div>
						</div>
						<div class="RexExps">请上传页面主图</div>
					</div>
					<div class="APLabelTo">
						<span class="span1">备注</span>
						<label>
							<input type="text" name="remarks" class="APTitle" value="{$info['remarks']}" maxlength="25"/>
						</label>
					</div>
					<div class="APLabelBtn">
						<button type="button" class="APBtns">保存并下一步</button>
					</div>
				</form>
			</div>
		</div>
	</div>
</div>
<div class="FixedBack">
	<!--  添加商品  -->
	<div class="AddCase">
		<div class="h3">添加商品</div>
		<div class="close"></div>
		<div class="wraning">以下信息不会在商品详情页中显示，认真填写将有助于oCPA转化获得更好效果</div>
		<div class="AddForm">
			<form>
				<div class="AddLabel">
					<span class="TopName"><i>*</i>商品名称</span>
					<label>
						<input type="text" name="SHName" class="SHName" placeholder="请填写商品名称"/>
					</label>
					<div class="RexExp">请填写商品名称</div>
					<div class="ts">
						<div class="TsMed">
							<div class="TsMedH3">商品名称：用于描述页面中售卖的商品</div>
							建议：售卖同种商品的页面，请选择同一个商品名称。如：新建多个页面用于出售休闲男装，可先添加商品“休闲男装”，后为新建页面选择该名称
						</div>
					</div>
				</div>
				<div class="AddLabel">
					<span class="TopName"><i>*</i>商品类名</span>
					<div class="ThreeCon">
						<input type="text" readonly = "readonly" class="ThreeConTop" placeholder="请选择商品类名" value = "" DateV = "0"/>
						<input type="hidden" name="goods_class_id" value=""/>
						<!--<div class="ThreeConTop" value = '0'>请选择商品类名</div>-->
						<div class="ThreeList">
							<div class="tl_s1 White">
								<ul>
									<foreach name="getclass" item="one">
										<li <if condition="!empty($one['_data'])">class="active"</if>>
										<span class="blue" alt="{$one['id']}">{$one['name']}</span>
										<if condition="!empty($one['_data'])">
											<div class="White tl_s2">
												<ul>
													<foreach name="one['_data']" item="two">
														<li <if condition="!empty($two['_data'])">class="active"</if>><span class="blue" alt="{$two['id']}">{$two['name']}</span>
														<if condition="!empty($two['_data'])">
															<div class="White tl_s3">
																<ul>
																	<foreach name="two['_data']" item="three">
																		<li><span alt="{$three['id']}">{$three['name']}</span></li>
																	</foreach>
																</ul>
															</div>
														</if>
														</li>
													</foreach>
												</ul>
											</div>
										</if>
										</li>
									</foreach>
								</ul>
							</div>
						</div>
					</div>
					<div class="RexExp">请选择商品类目</div>
				</div>
				<div class="AppendBtns">
					<button type="button" class="AppendClose">取消</button>
					<button type="button" class="AppendTo AppendToTxt">保存</button>
				</div>
			</form>
		</div>
	</div>
</div>
<div class="tipsSave">
	<div class="saveTip">
		<div class="h3">提示</div>
		<div class="close"></div>
		<div class="saveContent">
			<p>请先保存当前页面信息</p>
		</div>
		<div class="saveBtns">
			<button type="button" class="saveTo">确定</button>
		</div>
	</div>
</div>
<script src="__PUBLIC__/Admin/js/jquery-1.12.4.js"></script>
<script src="__PUBLIC__/Admin/js/uploadify/jquery.Huploadify.js"></script>
<script src="__PUBLIC__/Admin/js/swiper.min.js"></script>
<script src="__PUBLIC__/Admin/js/colpack.js"></script>
<script src="__PUBLIC__/Admin/js/main.js?v={:time()}"></script>
<script src="__PUBLIC__/Admin/js/page.js?v={:time()}"></script>
</body>
</html>